<template>
  <!--底部-->
  <a-layout-footer style="text-align: center">
    阿远的学习天地<span v-show="user.id">,欢迎:{{ user.name }}</span>
  </a-layout-footer>
</template>

<script lang="ts">
import store from "@/store";
import { defineComponent, computed } from "vue";

export default defineComponent({
  name: "the-footer",
  setup() {
    const user = computed(() => store.state.user);

    return { user }
  }
});
</script>

<style></style>